#login {
    position: absolute; width: 100%; height: 100%;  display: flex; flex-direction: row; align-items: center; justify-content: center; background: linear-gradient( 86deg, #E2EEFF 0%, #EAECFF 100%);padding: 78px 0;box-sizing: border-box;
    .conbox{
        min-height: 300px;padding: 80px 0; display: flex; flex-direction: row; align-items: center;border-radius: 30px;
        position: relative;
        background-color: rgba(255, 255, 255, 0.3); /* 半透明的白色背景 */  
        backdrop-filter: blur(10px); /* 模糊背景 */  
        overflow: hidden; /* 确保子元素不会溢出 */  
        
        /* 额外的样式，增强视觉效果 */  
        display: flex;  
        align-items: center;  
        justify-content: center;  
        font-size: 24px;  
        color: #333; /* 文字颜色 */  
        box-shadow: 0 10px 50px rgba(0, 0, 0, 0.03);
    }
    .leftbox{
        width: 600px; height: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center;
        // .btn{box-shadow: 0px 7px 22px 1px $end-color;}
    }
    .rightbox{
        position: relative; display: flex;justify-content: center; align-items: center;
        .title{position: relative;z-index: 10;text-shadow: 2px 2px 0.5px rgb(170, 204, 190, 0.8);}
        .img_{position: absolute;left: 0;top: 50%;z-index: 1;width: 600px;height: 700px;margin-top: -350px;}
        width: 600px; height: 100%;display: flex;justify-content: center; align-items: center;font-size: 66px;font-weight: bold;color: #fff;
        background-image: url('../assets/bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;
    }
    .rightbox::after{content: '';display: block;position: fixed;right: 0;top: 0;z-index: 2;width: 50vw;height: 100vh;background: rgba(10, 72, 46, 0.4);}
    #logindiv {
        padding: 0 90px; box-sizing: border-box;
        .logobox{width: 140px;height: 140px;border-radius: 140px;overflow: hidden;display: flex;justify-content: center; align-items: center; margin-bottom: 50px; .logo{width: 140px;height: 140px;}}
        #title { width: 404px; text-align: center; font-size: 24px; margin: 23px 0; color: #1D2129; }
        .form { width: 100%; height: auto;
            .formitem{margin-bottom: 20px;}
            .vcodeinner { display: flex; flex-direction: row; width: 100%; height:50px; 
                img { border: 1px solid var(--el-border-color); border-left: 0; height: 50px; width: 120px; cursor: pointer; }
            } 
            .input { width: 100%; height: 50px; }
            .btn { background-color: $end-color; border: 0; font-size: 16px; width: 100%; height: 50px; color: #FFF; display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; }
        }
    }
    ::v-deep .el-input--large .el-input__wrapper{background-color: rgba(255, 255, 255, 0.6) !important;border: none !important;box-shadow: none !important}
}